/**
 * 学习目标：使用事件对象，阻止a标签的默认行为
 */

import React from 'react';
import ReactDOM from 'react-dom';
class App extends React.Component {
  // 🔔React中获取事件对象和vue类型，形参代表事件对象
  render() {
    return (
      <div>
        <a href="www.baidu.com" onClick={(e) => e.preventDefault()}>
          点我
        </a>
        <a href="www.baidu.com" onClick={this.handleClick}>
          点我2
        </a>
      </div>
    );
  }

  handleClick(e) {
    console.log('e  ----->  ', e);
    e.preventDefault();
  }
}

ReactDOM.render(<App></App>, document.getElementById('root'));
